<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=deviceRecord-width, initial-scale=1.0"/>
    <title>注册</title>

    <!-- BOOTSTRAP STYLES-->
    <link href="/js/bootstrap/css/bootstrap.css" rel="stylesheet"/>
    <!-- FONTAWESOME STYLES-->
    <link href="/css/font-awesome.css" rel="stylesheet"/>
    <!--CUSTOM BASIC STYLES-->
    <link href="/css/basic.css" rel="stylesheet"/>
    <!--CUSTOM MAIN STYLES-->
    <link href="/css/custom.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/css/login.css" type="text/css">

    <script src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/regist.js"></script>
    <script src="/js/plugins/twbsPagination/jquery.twbsPagination.min.js"></script>
    <script src="/js/plugins/messager/jquery.bootstrap.min.js"></script>
    <!-- 图片上传 -->
    <link type="text/css" rel="stylesheet" href="/js/plugins/uploadifive/uploadifive.css" />
    <script type="text/javascript" src="/js/plugins/uploadifive/jquery.uploadifive.min.js"></script>
    <!--引入日期插件的样式文件-->
    <link rel="stylesheet" href="/js/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css"/>
    <!--引入日期插件的js文件-->
    <script type="text/javascript" src="/js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <!--引入中文国际化文件-->
    <script type="text/javascript" src="/js/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <style>
body{
    width: 100%;
    height: 100%;
    background-color: #ccc;
    background-image: url('https://luowowo-12.oss-cn-shenzhen.aliyuncs.com/login.jpg');
}
.form-control-sex{
    width:151px!important;
}
.form-group-box{
 display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}
.form-group button{
    width: 124px!important;
}
    </style>
</head>
<body>

<div class="container">

    <div class="row">
        <div class="row text-center">
            <div class="col-md-12">
                <h3>学生-用户注册</h3>
            </div>
        </div>
        <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
            <div class="panel-body">
                <div id="memberDiv">
                    <form role="form" method="post" id="registMemForm">
                        <div style="display: inline-flex">
                            <div class="form-group">
                                <label>昵称</label>
                                <input class="form-control" type="text" name="nickname" id="nickname1">
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>学号</label>
                                <input class="form-control" type="text" name="number" id="number1">
                            </div>

                        </div>
                        <div style="display: inline-flex">
                            <div class="form-group">
                                <label>姓名</label>
                                <input class="form-control" type="text" name="username" id="username1">
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>密码</label>
                                <input class="form-control" type="password" name="password" id="password1">
                            </div>
                        </div>
                        <div style="display: inline-flex">

                            <div class="form-group">
                                <label>确认密码</label>
                                <input class="form-control" type="password" name="rpassword" id="rpassword1">
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>学院</label>
                                <input class="form-control" type="text" name="academy">
                            </div>
                        </div>
                        <div style="display: inline-flex">
                            <div class="form-group">
                                <label>专业</label>
                                <input class="form-control" type="text" name="major">
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>班级</label>
                                <input class="form-control" type="text" name="className">
                            </div>
                        </div>
                        <div style="display: inline-flex">
                            <div class="form-group">
                                <label>性别</label>

                                <div id="sex" class="form-control form-control-sex" style="">
                                    <span>
                                        <input type="radio" id="boy" name="sex" value="男" />
                                        <label for="boy">男</label>&nbsp;&nbsp;&nbsp;
                                    </span>
                                    <span>
                                        <input type="radio" id="girl" name="sex" value="女" />
                                        <label for="girl">女</label>
                                    </span>
                                </div>
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>生日</label>
                                <div class="input-daterange input-group">
                                    <input class="form-control" type="text" name="birth">
                                </div>
                            </div>
                        </div>
                        <div style="display: inline-flex">
                            <div class="form-group">
                                <label>联系方式</label>
                                <input class="form-control" type="text" name="mobile" id="mobile">
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group">
                                <label>邮箱</label>
                                <input class="form-control" type="text"name="email">
                            </div>
                        </div>
                        <br />
                        <div class="form-group-box">
                            <div class="form-group">
                                <button id="_js_registMemBtn" type="submit" class="btn btn-primary btn-block btn-flat submitBtn">注册</button>
                            </div>
                            &nbsp;
                            <div class="form-group">
                                <button type="reset" class="btn btn-primary">重置</button>
                            </div>

                        </div>
                        <div class="bottom-link">
                            已有账号 &nbsp;&nbsp;&nbsp;&nbsp;<a href="/login.html" style="font-size: 16px">点击登录</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>


    </div>
</div>

</body>
</html>
